<%@ page language="java" session="true" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<jsp:include page="../common/framework/header.jsp" />
<link href="${pageContext.request.contextPath}/static/plugin/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
<style type="text/css">
	select.form-control {
	    height: 32px;
	    padding: 4px 6px;
	    width: 200px!important;
	}
	.bs-bars{padding:0;}

/* .testOverview .panel-title { */
/*     padding: 0 10px; */
/*     font-size: 0.9em; */
/*     line-height: 22px; */
/* } */
/* .testOverview .panel-heading { */
/* 	padding: 0px 0px; */
/*     height: auto; */
/*     line-height: 22px; */
/*     background-color: #f0f8ff; */
/*     border-color: #e8f4ff; */
/* } */
.panel {
    margin-bottom: 8px;
}
.panel-a1 {
    padding-right: 0!important;
    padding-left: 0!important;
    text-align: center;
}
.panel-a {
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	height:250px;
}
.panel-b {
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}
.panel-a1>h5, .panel-a2>h5,.panel-a3>h5,.panel-a4>h5 {
	font-weight: 500;
}
.table>thead>tr>th {
text-align:center;
}
.table>tbody>tr>td {
text-align:center;
}

 #container .report_table .table td {
    border-top: 0px solid #e5e5e5;
}
#container .report_table .table th {
    background-color: #f2f2f2;
    border-bottom: 0px solid #e5e5e5;
}
.panel-member>.panel>.panel-heading:after, .panel.panel-colorful>.panel-heading:after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    left: 0;
    right: 0;
    border-bottom: 0px solid rgba(0,0,0,0.07);
}
.demo-pli-male:before{content:"\e94b"}
[class^="demo-pli-"]:before, [class*=" demo-pli-"]:before, [class^="demo-psi-"]:before, [class*=" demo-psi-"]:before {
    font-family: 'nifty-demo-icons'!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-wrap-sm {
    padding: 6px;
}
.pad-all {
    padding: 5px;
}
.testOverview_title {
	padding:10px;
	position:relative;
}
.testOverview_title>h4 {
	display:inline;
}
.testOverview_title>div {
	position:absolute;
	top:3px;
	right:130px;
}
.testOverview_title>a {
	position:absolute;
	top:3px;
	right:20px;
}
.testOverview-top-1,.testOverview-top-2,.testOverview-top-3 {
	padding-right:0!important;
}
.testOverview-top-1 .panel,.testOverview-top-2 .panel,.testOverview-top-3 .panel ,.testOverview-top-4 .panel{
	height:300px;
}
.main_a1_noData,.main_a2_noData {
	text-align:center;
	padding-top: 80px;
}
#main_a1,#main_a2,#main_a3,#main_a4 {
	width: 100%;
	height:180px;

}
.main_a2_dataShow {
	text-align:center;
}
.testOverview-left {
	padding-right:0!important;

}
/* .testOverview-left-1,.testOverview-left-2,.testOverview-left-3 {
	height:300px;
} */
.testOverview-left-1 .panel-title,.testOverview-left-2 .panel-title,.testOverview-left-3 .panel-title {
	display:inline;
	margin-right:10px;
}
.overview-list-legend-item {
	margin-right: 20px;font-size: 12px;display:inline;
}
.overview-list-legend-item>div {
	width: 12px;height: 6px;margin-right: 10px;display: inline-block;margin-bottom: 2px;
}
.testOverview-left .panel-body {
	padding-top:5px;

}
.testOverview-left .panel-body .checkbox {
	padding-right:0;
}
.testOverview-left .panel-body .checkbox label {
	padding:0 0 0 20px!important;
}
.overview-bar {
	margin: 5px 0 0;height: 10px;
}
.overview-bar>div {
	height:8px;float: left;

}
/* .testOverview-right .overview-bar { */
/* 	margin: 5px 0 0;height: 10px; */

/* } */
/* .table-list {
	height:200px; overflow:auto;
} */
/* .testOverview-right>.panel {
	height:915px;
} */
.testOverview-right>.panel>.panel-body {
	padding-top:0;
}
.assigner-div,.author-div {
	border-bottom: 1px solid #b5b5b5;
}
.assigner-div>.panel-title,.author-div>.panel-title {
	font-weight: 500;padding-left:0;
}
.assigner-div>.panel,.author-div>.panel {
	border: 0px solid #e7ecf3;box-shadow: none;margin-top:0;
}
.testOverview-right .text-semibold {
	font-size: 1.2em;font-weight: 500;
}
.testPlanList {
	margin-bottom: 10px!important;
}
</style>
	<div id="container"
		class="effect aside-float aside-bright mainnav-lg navbar-fixed mainnav-fixed aside-fixed">

		<jsp:include page="../common/framework/topper.jsp" />
		<div class="boxed">
			<%--=======================  页面主体内容  ============================--%>
			<div id="content-container">
				<div class="wrappers">
					<%--=========================  页面标题  ==========================--%>
					<div id="page-title">
						<p class="page-header text-overflow table-header">
							测试总览与验收报告&nbsp;&nbsp;<small>显示测试结果。详细说明请参考
							<a href="#" target="_blank">&lt;使用手册&gt;</a></small>
						</p>
					</div>
					<ol class="breadcrumb">
						<li><a href="#">项目管理</a></li>
						<li class="active">测试总览与验收报告</li>
					</ol>
					<div id="page-content">

						<div class="panel">
					 			<div class="form-inline testOverview_title" >
					 				<h4>测试总览</h4>

									<div class="pull-right">
										<select class=" form-control" id="iteration" name="iteration" onchange="testOverview.iterationChange();">
										</select>
									</div>
									<a class="btn btn-primary pull-right" onclick="testOverview.changeDisplay();">
										切换验收报告
									</a>
								</div>

						</div>
						<div id="testOverview">
							<div class="row">
								<div class="col-sm-3 testOverview-top-1">
									<div class="panel">
										<div class="panel-heading">
											<div class="panel-title" id="testCasePassRate">用例通过率</div>
										</div>
										<div class="panel-body panel-a">
												<div class="main_a1_noData hidden">无数据</div>
												<div id="main_a1"></div>
												<div class="row main_a1_dataShow" >
													<div class="col-xs-1"></div>
													<div class="col-xs-2 panel-a1 ">
														<div>通过</div>
														<h5><span class="main_a1_pass"></span></h5>
													</div>
													<div class="col-xs-2 panel-a1">
														<div>失败</div>
														<h5><span class="main_a1_failure"></span></h5>
													</div>
													<div class="col-xs-2 panel-a1">
														<div>阻止</div>
														<h5><span class="main_a1_stop"></span></h5>
													</div>
													<div class="col-xs-2 panel-a1">
														<div>不适用</div>
														<h5><span class="main_a1_notApply"></span></h5>
													</div>
													<div class="col-xs-2 panel-a1">
														<div>活动</div>
														<h5><span class="main_a1_activity"></span></h5>
													</div>
								<!-- 					<div class="col-lg-1"></div> -->
												</div>
										</div>
									</div>
								</div>
								<div class="col-sm-3 testOverview-top-2">
									<div class="panel">
										<div class="panel-heading">
											<div class="panel-title" id="testCaseCompleteRate">用例完成率</div>
										</div>
										<div class="panel-body panel-a">
												<div class="main_a2_noData hidden">无数据</div>
												<div id="main_a2"></div>
												<div class="row main_a2_dataShow" >
													<div class="col-xs-4 panel-a2">
														<div>就绪</div>
														<h5><span class="main_a1_ready"></span></h5>
													</div>
													<div class="col-xs-4 panel-a2">
														<div>设计</div>
														<h5><span class="main_a1_design"></span></h5>
													</div>
													<div class="col-xs-4 panel-a2">
														<div>已关闭</div>
														<h5><span class="main_a1_closed"></span></h5>
													</div>
												</div>
										</div>
									</div>
								</div>
								<div class="col-sm-3 testOverview-top-3">
									<div class="panel">
										<div class="panel-heading">
											<div class="panel-title">需求覆盖率（待开发）</div>
										</div>
										<div class="panel-body panel-a">
												<div id="main_a3"></div>
												<div class="row" style="text-align:center;">
													<div class="col-xs-4 panel-a3">
														<div>就绪</div>
														<h5><span>11</span></h5>
													</div>
													<div class="col-xs-4 panel-a3">
														<div>设计</div>
														<h5><span>22</span></h5>
													</div>
													<div class="col-xs-4 panel-a3">
														<div>已关闭</div>
														<h5><span>33</span></h5>
													</div>
												</div>
										</div>
									</div>
								</div>
								<div class="col-sm-3 testOverview-top-4">
									<div class="panel">
										<div class="panel-heading">
											<div class="panel-title">缺陷（待开发）</div>
										</div>
										<div class="panel-body panel-a">
												<div id="main_a4"></div>
												<div class="row" style="text-align:center;">
													<div class="col-xs-3 panel-a4">
														<div>关键</div>
														<h5><span>11</span></h5>
													</div>
													<div class="col-xs-3 panel-a4">
														<div>重要</div>
														<h5><span>22</span></h5>
													</div>
													<div class="col-xs-3 panel-a4">
														<div>提示</div>
														<h5><span>33</span></h5>
													</div>
													<div class="col-xs-3 panel-a4">
														<div>一般</div>
														<h5><span>44</span></h5>
													</div>
												</div>
										</div>
									</div>
								</div>
							</div>

							<div class="row">

								<div class="col-sm-9 testOverview-left">
									<div class="panel testOverview-left-1">
										<div class="panel-heading">
											<div class="panel-title">用例</div>
											<div class="overview-list-legend-item">
									            <div style="background-color: #5183c1;"></div>
									            <span>通过</span>
									        </div>
									        <div class="overview-list-legend-item">
									            <div style="background-color: #979797;"></div>
									            <span>失败</span>
									        </div>
									        <div class="overview-list-legend-item">
									            <div style="background-color: #ffce54;"></div>
									            <span>阻止</span>
									        </div>
									        <div class="overview-list-legend-item">
									            <div style="background-color: #3dcca6;"></div>
									            <span>不适用</span>
									        </div>
									        <div class="overview-list-legend-item">
									            <div style="background-color: #f83;"></div>
									            <span>活动</span>
									        </div>

										</div>
										
										<div class="panel-body">
											<div class="row testPlanList">
<!-- 												<div class="col-sm-2" style="padding-left:7.5px!important;"> -->
<!-- 													<div class="checkbox" style="white-space:nowrap;"> -->
<!-- 							                            <input id="form-checkbox-1" class="magic-checkbox" type="checkbox" > -->
<!-- 							                            <label for="form-checkbox-1">模块模块模块模块</label> -->
<!-- 							                        </div> -->
<!-- 													<div  class="overview-bar"> -->
<!-- 		    											<div style="width: 15%; background-color: #979797;"></div> -->
<!-- 		    											<div style="width: 40%; background-color: #5183c1;"></div> -->
<!-- 		    											<div style="width: 45%; background-color: #3dcca6;"></div> -->
<!-- 		  											</div> -->
<!-- 												</div> -->
<!-- 												<div class="col-sm-2"> -->
<!-- 													<div class="checkbox" style="white-space:nowrap;"> -->
<!-- 							                            <input id="form-checkbox-1" class="magic-checkbox" type="checkbox" > -->
<!-- 							                            <label for="form-checkbox-1">模块模块模块模块</label> -->
<!-- 							                        </div> -->
<!-- 													<div  class="overview-bar"> -->
<!-- 		    											<div style="width: 15%; background-color: #979797;"></div> -->
<!-- 		    											<div style="width: 40%; background-color: #5183c1;"></div> -->
<!-- 		    											<div style="width: 45%; background-color: #3dcca6;"></div> -->
<!-- 		  											</div> -->
<!-- 												</div> -->
<!-- 												<div class="col-sm-2" style="padding-right:7.5px!important;"> -->
<!-- 													<div class="checkbox" style="white-space:nowrap;"> -->
<!-- 							                            <input id="form-checkbox-1" class="magic-checkbox" type="checkbox" > -->
<!-- 							                            <label for="form-checkbox-1">模块模块模块模块</label> -->
<!-- 							                        </div> -->
<!-- 													<div  class="overview-bar"> -->
<!-- 		    											<div style="width: 15%; background-color: #979797;"></div> -->
<!-- 		    											<div style="width: 40%; background-color: #5183c1;"></div> -->
<!-- 		    											<div style="width: 45%; background-color: #3dcca6;"></div> -->
<!-- 		  											</div> -->
<!-- 												</div> -->
											</div>
											<div class="table-list  div1">
												<table class="table table-condensed" id="testPlanTable">
												  <thead>
												    <tr>
												      <th>测试计划</th>
<!-- 												      <th>用例名称</th> -->
												      <th>通过</th>
												      <th>失败</th>
												      <th>阻止</th>
												      <th>不适用</th>
												      <th>活动</th>
												      <th>合计</th>
												    </tr>
												  </thead>
												  <tbody>
<!-- 												    <tr> -->
<!-- 												      <td>测试计划1</td> -->
<!-- 												      <td>用例1</td> -->
<!-- 												      <td>1</td> -->
<!-- 												      <td>1</td> -->
<!-- 												      <td>1</td> -->
<!-- 												      <td>1</td> -->
<!-- 												      <td>1</td> -->
<!-- 												      <td>5</td> -->
<!-- 												    </tr> -->
												    
												</tbody>
											</table>
											</div>
										</div>
									</div>
									<div class="panel testOverview-left-2">
										<div class="panel-heading bugStatus">
											<!--<div class="panel-title">缺陷（待开发）</div>
											 <div class="overview-list-legend-item">
									            <div style="background-color: rgb(255, 136, 51);"></div>
									            <span>关键</span>
									        </div>
									        <div class="overview-list-legend-item" >
									            <div style="background-color: rgb(255, 206, 84);"></div>
									            <span>重要</span>
									        </div>
									        <div class="overview-list-legend-item">
									            <div style="background-color: rgb(61, 204, 166);"></div>
									            <span>一般</span>
									        </div>
									        <div class="overview-list-legend-item" >
									            <div style="background-color: rgb(151, 151, 151);"></div>
									            <span>提示</span>
									        </div> -->
										</div>
										<div class="panel-body">
											<div class="row bugList">
												<!-- <div class="col-sm-3">
													<div class="row">
														<div class="checkbox display-inline col-sm-4">
								                            <input id="form-checkbox-1" class="magic-checkbox" type="checkbox" >
								                            <label for="form-checkbox-1">模块1</label>
								                        </div>
														<div  class="col-sm-8 overview-bar" style="margin:15px 0 0;">
			    											<div style="width: 10%; background-color: rgb(255, 136, 51);"></div>
			    											<div style="width: 30%; background-color: rgb(255, 206, 84);"></div>
			    											<div style="width: 45%; background-color: rgb(61, 204, 166);"></div>
			    											<div style="width: 15%; background-color: rgb(151, 151, 151);"></div>
			  											</div>
													</div>
												</div>
												<div class="col-sm-3">
													<div class="row">
														<div class="checkbox display-inline col-sm-4">
								                            <input id="form-checkbox-2" class="magic-checkbox" type="checkbox" >
								                            <label for="form-checkbox-2">模块2</label>
								                        </div>
														<div  class="col-sm-8 overview-bar" style="margin:15px 0 0;">
			    											<div style="width: 10%; background-color: rgb(255, 136, 51);"></div>
			    											<div style="width: 30%; background-color: rgb(255, 206, 84);"></div>
			    											<div style="width: 45%; background-color: rgb(61, 204, 166);"></div>
			    											<div style="width: 15%; background-color: rgb(151, 151, 151);"></div>
			  											</div>
													</div>
												</div>
												<div class="col-sm-3">
													<div class="row">
														<div class="checkbox display-inline col-sm-4">
								                            <input id="form-checkbox-3" class="magic-checkbox" type="checkbox" >
								                            <label for="form-checkbox-3">模块3</label>
								                        </div>
														<div  class="col-sm-8 overview-bar" style="margin:15px 0 0;">
			    											<div style="width: 10%; background-color: rgb(255, 136, 51);"></div>
			    											<div style="width: 30%; background-color: rgb(255, 206, 84);"></div>
			    											<div style="width: 45%; background-color: rgb(61, 204, 166);"></div>
			    											<div style="width: 15%; background-color: rgb(151, 151, 151);"></div>
			  											</div>
													</div>
												</div>
												<div class="col-sm-3">
													<div class="row">
														<div class="checkbox display-inline col-sm-4">
								                            <input id="form-checkbox-4" class="magic-checkbox" type="checkbox" checked="">
								                            <label for="form-checkbox-4">其他</label>
								                        </div>
														<div  class="col-sm-8 overview-bar" style="margin:15px 0 0;">
			    											<div style="width: 10%; background-color: rgb(255, 136, 51);"></div>
			    											<div style="width: 30%; background-color: rgb(255, 206, 84);"></div>
			    											<div style="width: 45%; background-color: rgb(61, 204, 166);"></div>
			    											<div style="width: 15%; background-color: rgb(151, 151, 151);"></div>
			  											</div>
													</div>
												</div> -->
											</div>
											<div class="table-list">
												<table class="table table-condensed" id="bugCountTable">
												  <!-- <thead>
												    <tr>
												      <th>模块</th>
												      <th>需求</th>
												      <th>关键</th>
												      <th>重要</th>
												      <th>一般</th>
												      <th>提示</th>
												      <th>合计</th>
												    </tr>
												  </thead>
												  <tbody>
												    <tr>
												      <td>其他</td>
												      <td>需求1</td>
												      <td>1</td>
												      <td>1</td>
												      <td>1</td>
												      <td>1</td>
												      <td>4</td>
												    </tr>
												    <tr>
												      <td>其他</td>
												      <td>需求2</td>
												      <td>1</td>
												      <td>0</td>
												      <td>1</td>
												      <td>1</td>
												      <td>3</td>
												    </tr>
												</tbody> -->
											</table>
											</div>
										</div>
									</div>
									<div class="panel testOverview-left-3">
										<div class="panel-heading">
											<div class="panel-title">需求（待开发）</div>
											<div class="overview-list-legend-item">
									            <div style="background-color: #979797;"></div>
									            <span>未测试</span>
									        </div>
									        <div class="overview-list-legend-item">
									            <div style="background-color: #5183c1;"></div>
									            <span>测试中</span>
									        </div>
									        <div class="overview-list-legend-item">
									            <div style="background-color: #3dcca6;"></div>
									            <span>已完成</span>
									        </div>
										</div>
										<div class="panel-body">
											<div class="row">
												<div class="col-sm-3">
													<div class="row">
														<div class="checkbox display-inline col-sm-4">
								                            <input id="form-checkbox-1" class="magic-checkbox" type="checkbox" >
								                            <label for="form-checkbox-1">模块1</label>
								                        </div>
														<div  class="col-sm-8 overview-bar" style="margin:15px 0 0;">
			    											<div style="width: 15%; background-color: #979797;"></div>
			    											<div style="width: 40%; background-color: #5183c1;"></div>
			    											<div style="width: 45%; background-color: #3dcca6;"></div>
			  											</div>
													</div>
												</div>
												<div class="col-sm-3">
													<div class="row">
														<div class="checkbox display-inline col-sm-4">
								                            <input id="form-checkbox-2" class="magic-checkbox" type="checkbox" >
								                            <label for="form-checkbox-2">模块2</label>
								                        </div>
														<div  class="col-sm-8 overview-bar" style="margin:15px 0 0;">
			    											<div style="width: 15%; background-color: #979797;"></div>
			    											<div style="width: 40%; background-color: #5183c1;"></div>
			    											<div style="width: 45%; background-color: #3dcca6;"></div>
			  											</div>
													</div>
												</div>
												<div class="col-sm-3">
													<div class="row">
														<div class="checkbox display-inline col-sm-4">
								                            <input id="form-checkbox-3" class="magic-checkbox" type="checkbox" >
								                            <label for="form-checkbox-3">模块3</label>
								                        </div>
														<div  class="col-sm-8 overview-bar" style="margin:15px 0 0;">
			    											<div style="width: 15%; background-color: #979797;"></div>
			    											<div style="width: 40%; background-color: #5183c1;"></div>
			    											<div style="width: 45%; background-color: #3dcca6;"></div>
			  											</div>
													</div>
												</div>
												<div class="col-sm-3">
													<div class="row">
														<div class="checkbox display-inline col-sm-4">
								                            <input id="form-checkbox-4" class="magic-checkbox" type="checkbox" checked="">
								                            <label for="form-checkbox-4">其他</label>
								                        </div>
														<div  class="col-sm-8 overview-bar" style="margin:15px 0 0;">
			    											<div style="width: 15%; background-color: #979797;"></div>
			    											<div style="width: 40%; background-color: #5183c1;"></div>
			    											<div style="width: 45%; background-color: #3dcca6;"></div>
			  											</div>
													</div>
												</div>
											</div>
											<div class="table-list">
												<table class="table table-condensed">
												  <thead>
												    <tr>
												      <th>模块</th>
												      <th>需求</th>
												      <th>状态</th>
												    </tr>
												  </thead>
												  <tbody>
												    <tr>
												      <td>其他</td>
												      <td>需求1</td>
												      <td>测试中</td>
												    </tr>
												    <tr>
												      <td>其他</td>
												      <td>需求2</td>
												      <td>测试中</td>
												    </tr>
												</tbody>
											</table>
											</div>
										</div>
									</div>


								</div>
								<div class="col-sm-3 testOverview-right" >
									<div class="panel">
										<div class="panel-heading">
											<div class="panel-title">成员</div>
										</div>
										<div class="panel-body panel-member">
											<div class="assigner-div">
												<!-- <div class="panel-title">指派者统计</div> -->
<!-- 												<div class="panel media middle pad-all"> -->
<!-- 														<div class="media-left"> -->
<!-- 															<span class="icon-wrap icon-wrap-sm icon-circle bg-success"> -->
<!-- 																<i class="demo-pli-male icon-2x" ></i> -->
<!-- 															</span> -->
<!-- 														</div> -->
<!-- 														<div class="media-body"> -->
<!-- 															<p class="text-2x mar-no text-semibold">用户A</p> -->
<!-- 															<div class="overview-bar"> -->
<!-- 				    											<div style="width: 15%; background-color: #979797;"></div> -->
<!-- 				    											<div style="width: 40%; background-color: #5183c1;"></div> -->
<!-- 				    											<div style="width: 45%; background-color: #3dcca6;"></div> -->
<!-- 				  											</div> -->
<!-- 														</div> -->
<!-- 												</div> -->
												
										</div>

											<div class="author-div">
												<!-- <div class="panel-title">创建者统计</div> -->
<!-- 												<div class="panel media middle pad-all"> -->
<!-- 														<div class="media-left"> -->
<!-- 															<span class="icon-wrap icon-wrap-sm icon-circle bg-success" > -->
<!-- 																<i class="demo-pli-male icon-2x"></i> -->
<!-- 															</span> -->
<!-- 														</div> -->
<!-- 														<div class="media-body" > -->
<!-- 															<p class="text-2x mar-no text-semibold">用户A</p> -->
<!-- 															<div class="overview-bar"> -->
<!-- 				    											<div style="width: 15%; background-color: #979797;"></div> -->
<!-- 				    											<div style="width: 40%; background-color: #5183c1;"></div> -->
<!-- 				    											<div style="width: 45%; background-color: #3dcca6;"></div> -->
<!-- 				  											</div> -->
<!-- 														</div> -->
<!-- 												</div> -->
												
											</div>

										</div>
									</div>


								</div>
							</div>


						</div>
						<div id="acceptReport" style="display:none;">
								<div class="panel" style="height:350px;">
									<div class="panel-heading">
										<div class="panel-title">测试验收概况</div>
									</div>
									<div class="panel-body" style="padding:0;">
										<div class="row">
											<div class="col-xs-4">
													<div id="report_main_a1" style="width: 400px;height:230px;"></div>
													<div class="row" style="text-align:center;">
														<div class="col-xs-3 col-xs-offset-1 panel-a3">
															<div>已完成</div>
															<h5><span>11</span></h5>
														</div>
														<div class="col-xs-3 panel-a3">
															<div>未完成</div>
															<h5><span>22</span></h5>
														</div>
														<div class="col-xs-3 panel-a3">
															<div>需求总数</div>
															<h5><span>33</span></h5>
														</div>
												 </div>
											</div>
											<div class="col-xs-4">
													<div id="report_main_a2" style="width: 400px;height:230px;"></div>
													<div class="row" style="text-align:center;">
														<div class="col-xs-3 col-xs-offset-1 panel-a3">
															<div>通过</div>
															<h5><span>11</span></h5>
														</div>
														<div class="col-xs-3 panel-a3">
															<div>不通过</div>
															<h5><span>22</span></h5>
														</div>
														<div class="col-xs-3 panel-a3">
															<div>用例总数</div>
															<h5><span>33</span></h5>
														</div>
												 </div>
											</div>
											<div class="col-xs-4">
													<div id="report_main_a3" style="width: 400px;height:230px;"></div>
													<div class="row" style="text-align:center;">
														<div class="col-xs-2 col-xs-offset-2 panel-a3">
															<div>关键</div>
															<h5><span>11</span></h5>
														</div>
														<div class="col-xs-2 panel-a3">
															<div>重要</div>
															<h5><span>22</span></h5>
														</div>
														<div class="col-xs-2 panel-a3">
															<div>一般</div>
															<h5><span>33</span></h5>
														</div>
														<div class="col-xs-2 panel-a3">
															<div>提示</div>
															<h5><span>33</span></h5>
														</div>
												 </div>
											</div>
										</div>

									</div>
								</div>

								<div class="panel" style="height:250px;">
									<div class="panel-heading">
										<div class="panel-title">未测试需求</div>
									</div>
									<div class="panel-body report_table" style="height:180px; overflow:auto;">
										<table class="table table-condensed">
											  <thead>
											    <tr>
											      <th>需求编号</th>
											      <th>标题</th>
											      <th>用例数</th>
											      <th>缺陷数</th>
											    </tr>
											  </thead>
											  <tbody>
											    <tr>
											      <td>其他</td>
											      <td>需求1</td>
											      <td>1</td>
											      <td>1</td>
											    </tr>
											    <tr>
											      <td>其他</td>
											      <td>需求2</td>
											      <td>1</td>
											      <td>0</td>
											    </tr>
											</tbody>
										</table>
									</div>
								</div>

								<div class="panel" style="height:200px;">
									<div class="panel-heading">
										<div class="panel-title">已测试需求</div>
									</div>
									<div class="panel-body report_table" style="height:180px; overflow:auto;">
										<table class="table table-condensed">
											  <thead>
											    <tr>
											      <th>需求编号</th>
											      <th>标题</th>
											      <th>用例数</th>
											      <th>缺陷数</th>
											    </tr>
											  </thead>
											  <tbody>
											    <tr>
											      <td>其他</td>
											      <td>需求1</td>
											      <td>1</td>
											      <td>1</td>
											    </tr>
											    <tr>
											      <td>其他</td>
											      <td>需求2</td>
											      <td>1</td>
											      <td>0</td>
											    </tr>
											</tbody>
										</table>
									</div>
								</div>

								<div class="panel" style="height:200px;">
									<div class="panel-heading">
										<div class="panel-title">未通过用例</div>
									</div>
									<div class="panel-body report_table" style="height:180px; overflow:auto;">
										<table class="table table-condensed">
											  <thead>
											    <tr>
											      <th>用例名称</th>
											      <th>优先级</th>
											      <th>执行次数</th>
											      <th>执行结果</th>
											      <th>执行人</th>
											    </tr>
											  </thead>
											  <tbody>
											    <tr>
											      <td>其他</td>
											      <td>需求1</td>
											      <td>1</td>
											      <td>1</td>
											      <td>1</td>
											    </tr>
											    <tr>
											      <td>其他</td>
											      <td>需求2</td>
											      <td>1</td>
											      <td>0</td>
											      <td>1</td>
											    </tr>
											</tbody>
										</table>
									</div>
								</div>

								<div class="panel" style="height:200px;">
									<div class="panel-heading">
										<div class="panel-title">已通过用例</div>
									</div>
									<div class="panel-body report_table" style="height:180px; overflow:auto;">
										<table class="table table-condensed">
											  <thead>
											    <tr>
											      <th>用例名称</th>
											      <th>优先级</th>
											      <th>执行次数</th>
											      <th>执行结果</th>
											      <th>执行人</th>
											    </tr>
											  </thead>
											  <tbody>
											    <tr>
											      <td>其他</td>
											      <td>需求1</td>
											      <td>1</td>
											      <td>1</td>
											      <td>1</td>
											    </tr>
											    <tr>
											      <td>其他</td>
											      <td>需求2</td>
											      <td>1</td>
											      <td>0</td>
											      <td>1</td>
											    </tr>
											</tbody>
										</table>
									</div>
								</div>

								<div class="panel" style="height:200px;">
									<div class="panel-heading">
										<div class="panel-title">缺陷概况</div>
									</div>
									<div class="panel-body report_table" style="height:180px; overflow:auto;">
										<table class="table table-condensed">
											  <thead>
											    <tr>
											      <th>缺陷名称</th>
											      <th>优先级</th>
											      <th>严重级别</th>
											      <th>经办人</th>
											      <th>报告人</th>
											    </tr>
											  </thead>
											  <tbody>
											    <tr>
											      <td>其他</td>
											      <td>需求1</td>
											      <td>1</td>
											      <td>1</td>
											      <td>1</td>
											    </tr>
											    <tr>
											      <td>其他</td>
											      <td>需求2</td>
											      <td>1</td>
											      <td>0</td>
											      <td>1</td>
											    </tr>
											</tbody>
										</table>
									</div>
								</div>




						</div>
					</div>
				</div>
			</div>



		<%--=========================  过程可视化消息栏  ==========================--%>
		<jsp:include page="../common/framework/aside.jsp" />

		<%--=========================  左侧菜单  ==========================--%>
		<jsp:include page="../common/framework/lefter.jsp" />

	</div>

	<%--=========================  页面底部版权信息  ==========================--%>
	<jsp:include page="../common/framework/footer.jsp" />
	<%--=========================  选择皮肤功能  ==========================--%>
	<jsp:include page="../common/framework/page-set.jsp" />
</div>
	<div id="floating-top-right" class="floating-container"></div>
<%--===================================================--%>
<%-- END OF CONTAINER --%>

<jsp:include page="../common/framework/script.jsp" />
<script src="${pageContext.request.contextPath}/static/js/common/bootdatatable.init.js"></script>
<script src="${pageContext.request.contextPath}/static/plugin/bootstrap-table/bootstrap-table.min.js"></script>
<script src="${pageContext.request.contextPath}/static/plugin/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/common/echarts.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/testOverview/testOverview.js"></script>

<script type="text/javascript">
var textFlag = "testOverview";
var iterationId = "";
//初始化加载页面
$(function(){
	testOverview.getTestCaseRate();
	testOverview.getIterationList();
	testOverview.initTestPlanList();
	//testOverview.initTestPlanTable();
	testOverview.initAssignerOrAuthor();
	
	testOverview.initBugCountList();
});



//基于准备好的dom，初始化echarts实例
var myChart_a1 = echarts.init(document.getElementById('main_a1'));
var myChart_a2 = echarts.init(document.getElementById('main_a2'));
var myChart_a3 = echarts.init(document.getElementById('main_a3'));
var myChart_a4 = echarts.init(document.getElementById('main_a4'));
// 指定图表的配置项和数据
var option_a1 = {
color:['#f83','#ffce54','#3dcca6','#5183c1','#979797'],
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
calculable : true,
series : [
{
    name:'用例通过情况',
    type:'pie',
    radius: ['40%', '60%'],
    center: ['50%', '50%'],
    hoverAnimation:false,
    label: {
        normal: {
            show: true
        }
    },
    labelLine: {
        normal: {
            show: false,
            length:10,
			  length2:0
        }
    },
    data:[]
}
]
};

//指定图表的配置项和数据
var option_a2 = {
color:['#f83','#979797','#3dcca6'],
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
calculable : true,
series : [
{
    name:'用例完成情况',
    type:'pie',
    radius: ['40%', '60%'],
    center: ['50%', '50%'],
    hoverAnimation:false,
    label: {
        normal: {
            show: true
        }
    },
    labelLine: {
        normal: {
            show: false,
            length:10,
			  length2:0
        }
    },
    data:[

        {value:11, name:'就绪'},
        {value:22, name:'设计'},
        {value:33, name:'已关闭'}

    ]
}
]
};

var option_a3 = {
		color:['#f83','#979797','#3dcca6'],
		tooltip : {
		trigger: 'item',
		formatter: "{a} <br/>{b} : {c} ({d}%)"
		},
		calculable : true,
		series : [
		{
		    name:'task执行情况',
		    type:'pie',
		    radius: ['40%', '60%'],
		    center: ['50%', '50%'],
		    hoverAnimation:false,
		    label: {
		        normal: {
		            show: true
		        }
		    },
		    labelLine: {
		        normal: {
		            show: false,
		            length:10,
					  length2:0
		        }
		    },
		    data:[

		        {value:11, name:'就绪'},
		        {value:22, name:'设计'},
		        {value:33, name:'已关闭'}

		    ]
		}
		]
		};

var option_a4 = {
		color:['#f83','#979797','#3dcca6'],
		tooltip : {
		trigger: 'item',
		formatter: "{a} <br/>{b} : {c} ({d}%)"
		},
		calculable : true,
		series : [
		{
		    name:'task执行情况',
		    type:'pie',
		    radius: ['40%', '60%'],
		    center: ['50%', '50%'],
		    hoverAnimation:false,
		    label: {
		        normal: {
		            show: true
		        }
		    },
		    labelLine: {
		        normal: {
		            show: false,
		            length:10,
					  length2:0
		        }
		    },
		    data:[

		        {value:11, name:'就绪'},
		        {value:22, name:'设计'},
		        {value:33, name:'已关闭'}

		    ]
		}
		]
		};


// 使用刚指定的配置项和数据显示图表。
// myChart_a1.setOption(option_a1);
// myChart_a2.setOption(option_a2);
myChart_a3.setOption(option_a3);
myChart_a4.setOption(option_a4);

myChart_a3.resize();
$(window).resize(myChart_a3.resize);
myChart_a4.resize();
$(window).resize(myChart_a4.resize);




	 
myChart_a1.on("click", testOverview.overViewA1);
myChart_a2.on("click", testOverview.overViewA2);

// function eConsole(param) {
// 	console.log(param);
// // 	 alert(param.dataIndex);
// 	　　//alert(option.series[0].data.length);
// 	　　//alert(option.series[0].data[i]);
// 	　　//param.dataIndex 获取当前点击索引，
// 	　　//alert(param.dataIndex);
// // 	　　clickFunc(param.dataIndex);//执行点击效果
// 	}
	 
// myChart_a3.on("click", eConsole);





// report_main_a1
var report_myChart_a1 = echarts.init(document.getElementById('report_main_a1'));
var report_myChart_a2 = echarts.init(document.getElementById('report_main_a2'));
var report_myChart_a3 = echarts.init(document.getElementById('report_main_a3'));

var report_option_a1 = {
		color:['#81C2D6','#8192D6'],
		tooltip : {
		trigger: 'item',
		formatter: "{a} <br/>{b} : {c} ({d}%)"
		},
		calculable : true,
		series : [
		{
		    name:'task执行情况',
		    type:'pie',
		    radius: ['40%', '60%'],
		    center: ['50%', '45%'],
		    hoverAnimation:false,
		    label: {
		        normal: {
		            show: true
		        }
		    },
		    labelLine: {
		        normal: {
		            show: false,
		            length:10,
					  length2:0
		        }
		    },
		    data:[

		        {value:11, name:'已完成'},
		        {value:22, name:'未完成'}

		    ]
		}
		]
		};
var report_option_a2 = {
		color:['#81C2D6','#8192D6'],
		tooltip : {
		trigger: 'item',
		formatter: "{a} <br/>{b} : {c} ({d}%)"
		},
		calculable : true,
		series : [
		{
		    name:'task执行情况',
		    type:'pie',
		    radius: ['40%', '60%'],
		    center: ['50%', '45%'],
		    hoverAnimation:false,
		    label: {
		        normal: {
		            show: true
		        }
		    },
		    labelLine: {
		        normal: {
		            show: false,
		            length:10,
					  length2:0
		        }
		    },
		    data:[

		        {value:11, name:'通过'},
		        {value:22, name:'不通过'}

		    ]
		}
		]
		};
var report_option_a3 = {
		color:['#81C2D6','#8192D6','#D9B3E6','#BFDBB8'],
		tooltip : {
		trigger: 'item',
		formatter: "{a} <br/>{b} : {c} ({d}%)"
		},
		calculable : true,
		series : [
		{
		    name:'task执行情况',
		    type:'pie',
		    radius: ['40%', '60%'],
		    center: ['50%', '45%'],
		    hoverAnimation:false,
		    label: {
		        normal: {
		            show: true
		        }
		    },
		    labelLine: {
		        normal: {
		            show: false,
		            length:10,
					  length2:0
		        }
		    },
		    data:[

		        {value:11, name:'关键'},
		        {value:22, name:'重要'},
		        {value:33, name:'一般'},
		        {value:11, name:'提示'}

		    ]
		}
		]
		};
report_myChart_a1.setOption(report_option_a1);
report_myChart_a2.setOption(report_option_a2);
report_myChart_a3.setOption(report_option_a3);






</script>
</body>
</html>

